<template>
    <div class='my_header' v-back="$store.state.color">
       <span>
          <slot name="left"></slot>
       </span>
       <section>
          <slot name="center"></slot>
       </section>
       <span>
          <slot name="right"></slot>
       </span>
    </div>
</template>

<script>
export default {
   
};
</script>

<style lang='scss'>
  .my_header{
    height: 50px;
    display: flex;
    align-items: center;
    span{
      width: 80px;
      text-align: center;
      font-size: 12px;
    }
    section{
      flex: 1;
      text-align: center;
      color: #fff;
    }
  }
</style>
